<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>中秋活动</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/framework7.ios.css">
    <link rel="stylesheet" href="css/zqstyle.css">
</head>
<body>
    <div class="view view-main">
           <div class="page views-bg" data-page="choose">
              <div class="page-content">
                  <div class="row" style="margin-top: 35%">
                     <div class="col-15"></div>
                      <div class="col-70" style="text-align:center"><img src="img/choose_img/choose_text.png" width="88%"> </div>
                      <div class="col-15"></div>
                  </div>
                  <div class="row no-gutter row-click" style="padding:10% 10% 5%;">
                      <div class="col-33"><a href="#"><img src="img/choose_img/icon1@2x.png" width="100%"></a></div>
                      <div class="col-33"><a href="#"><img src="img/choose_img/icon2@2x.png" width="100%"></a></div>
                      <div class="col-33"><a href="#"><img src="img/choose_img/icon3@2x.png" width="100%"></a></div>
                  </div>
                  <div class="row no-gutter row-click" style="padding:0 0 10%;">
                      <div class="col-50" style="text-align: right;"><a href="#"><img src="img/choose_img/icon4@2x.png" width="54%"></a></div>
                      <div class="col-50" style="text-align: left;"><a href="#"><img src="img/choose_img/icon5@2x.png" width="54%"></a></div>
                  </div>
                  <div class="row no-gutter row-click" style="margin-top: 25%;">
                      <div class="col-65"></div>
                      <div class="col-35 col-40-declare" style="text-align: left;"><a href="#">活动规则声明</a></div>
                  </div>
              </div>
               <!--中间内容图片-content-img结束-->
           </div>
           <!--背景图-->
    </div>
<!--适应屏幕分辨率js-->

</body>
</html>
